<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>狗达与佩唲</title>
    <meta name="keywords" content="¸öÈË²©¿Í,ÑîÇà¸öÈË²©¿Í,¸öÈË²©¿ÍÄ£°å,ÑîÇà" />
    <meta name="description" content="ÑîÇà¸öÈË²©¿Í£¬ÊÇÒ»¸öÕ¾ÔÚwebÇ°¶ËÉè¼ÆÖ®Â·µÄÅ®³ÌÐòÔ±¸öÈËÍøÕ¾£¬Ìá¹©¸öÈË²©¿ÍÄ£°åÃâ·Ñ×ÊÔ´ÏÂÔØµÄ¸öÈËÔ­´´ÍøÕ¾¡£" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/base.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
    <link rel="stylesheet" href="css/carouse.css">
    <link rel="stylesheet" href="icons/entypo.css">
    <link rel="stylesheet" href="css/navtool.css">
    <link href="http://cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="css/m.css" rel="stylesheet">
    <script src="js/scrollReveal.js"></script>
    <!--[if lt IE 9]>
    <script src="js/modernizr.js"></script>
    <![endif]-->
    <script>
    window.onload = function() {
        var oH2 = document.getElementsByTagName("h2")[0];
        var oUl = document.getElementsByTagName("ul")[0];
        oH2.onclick = function() {
            var style = oUl.style;
            style.display = style.display == "block" ? "none" : "block";
            oH2.className = style.display == "block" ? "open" : ""
        }
    }
    </script>
</head>
<!-- 头部导航栏开始 -->
<header>
    <canvas id="cas"></canvas>
    <div class="tophead">
        <div class="logo"><a href="/">狗达与佩唲</a></div>
        <div id="mnav">
            <h2><span class="navicon"></span></h2>
            <ul>
                <li><a href="index.html">网站首页</a></li>
                <li><a href="about.html">关于我</a></li>
                <li><a href="list.html">文章列表</a></li>
                <li><a href="share.html">相册</a></li>
                <li><a href="list.html">微语</a></li>
                <li><a href="list.html">时间轴</a></li>
                <!--  <li><a href="info.html">文字内容页</a></li>
                <li><a href="info_image.html">图片内容页</a></li> -->
                <li><a href="gbook.html">留言</a></li>
            </ul>
        </div>
        <nav class="topnav" id="topnav">
            <ul>
                <li><a href="index.html">网站首页</a></li>
                <li><a href="about.html">关于我</a></li>
                <li><a href="list.html">文章列表</a></li>
                <li><a href="share.html">相册</a></li>
                <li><a href="list.html">微语</a></li>
                <li><a href="list.html">时间轴</a></li>
                <!-- <li><a href="info.html">文字内容页</a></li>
                <li><a href="info_image.html">图片内容页</a></li> -->
                <li><a href="gbook.html">留言</a></li>
            </ul>
        </nav>
    </div>
</header>
<!-- 头部导航栏结束 -->
<!-- 轮播图开始 -->
<div class="picshow">
</div>
<!-- 轮播图结束 -->
<!-- 内容开始 -->
<article>
    <!-- 博客内容开始 -->
    <div class="blogs">
        <div class='o-sliderContainer hasShadow ' id="pbSliderWrap3">
            <div class='o-slider' id='pbSlider3'>
                <a href="">
                    <div class="o-slider--item" data-image="http://paan0ksle.bkt.clouddn.com/timg%E5%89%AF%E6%9C%AC.jpeg">
                        <div class="o-slider-textWrap">
                            <h1 class="o-slider-title">This is a title</h1>
                            <span class="a-divider"></span>
                            <h2 class="o-slider-subTitle">This is a sub title</h2>
                        </div>
                    </div>
                </a>
                <a href="">
                    <div class="o-slider--item" data-image="http://paan0ksle.bkt.clouddn.com/9fd73828gy1fs687x43sij20zk0qowow.jpg">
                        <div class="o-slider-textWrap">
                            <h1 class="o-slider-title">This is a title</h1>
                            <span class="a-divider"></span>
                            <h2 class="o-slider-subTitle">This is a sub title</h2>
                        </div>
                    </div>
                </a>
                <a href="">
                    <div class="o-slider--item" data-image="http://paan0ksle.bkt.clouddn.com/asd.jpeg">
                        <div class="o-slider-textWrap">
                            <h1 class="o-slider-title">This is a title</h1>
                            <span class="a-divider"></span>
                            <h2 class="o-slider-subTitle">This is a sub title</h2>
                        </div>
                    </div>
                </a>
            </div>
        </div>
        <li data-scroll-reveal="enter bottom over"><span class="blogpic"><a href="/"><img src="images/text02.jpg"></a></span>
            <h3 class="blogtitle"><a href="/">测试文章</a></h3>
            <div class="bloginfo">
                <p>测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章</p>
            </div>
            <div class="autor"><span class="lm"><a href="/" title="CSS3|Html5" target="_blank" class="classname">CSS3|Html5</a></span><span class="dtime">2018-05-04</span><span class="viewnum">浏览（<a href="/">0</a>）</span><span class="readmore"><a href="/">阅读文章</a></span></div>
        </li>
        <li data-scroll-reveal="enter bottom over"><span class="blogpic"><a href="/"><img src="images/text02.jpg"></a></span>
            <h3 class="blogtitle"><a href="/">测试文章</a></h3>
            <div class="bloginfo">
                <p>测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章</p>
            </div>
            <div class="autor"><span class="lm"><a href="/" title="CSS3|Html5" target="_blank" class="classname">CSS3|Html5</a></span><span class="dtime">2018-05-04</span><span class="viewnum">浏览（<a href="/">0</a>）</span><span class="readmore"><a href="/">阅读文章</a></span></div>
        </li>
        <li data-scroll-reveal="enter bottom over"><span class="blogpic"><a href="/"><img src="images/text02.jpg"></a></span>
            <h3 class="blogtitle"><a href="/">测试文章</a></h3>
            <div class="bloginfo">
                <p>测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章</p>
            </div>
            <div class="autor"><span class="lm"><a href="/" title="CSS3|Html5" target="_blank" class="classname">CSS3|Html5</a></span><span class="dtime">2018-05-04</span><span class="viewnum">浏览（<a href="/">0</a>）</span><span class="readmore"><a href="/">阅读文章</a></span></div>
        </li>
        <li data-scroll-reveal="enter bottom over"><span class="blogpic"><a href="/"><img src="images/text02.jpg"></a></span>
            <h3 class="blogtitle"><a href="/">测试文章</a></h3>
            <div class="bloginfo">
                <p>测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章</p>
            </div>
            <div class="autor"><span class="lm"><a href="/" title="CSS3|Html5" target="_blank" class="classname">CSS3|Html5</a></span><span class="dtime">2018-05-04</span><span class="viewnum">浏览（<a href="/">0</a>）</span><span class="readmore"><a href="/">阅读文章</a></span></div>
        </li>
        <li data-scroll-reveal="enter bottom over"><span class="blogpic"><a href="/"><img src="images/text02.jpg"></a></span>
            <h3 class="blogtitle"><a href="/">测试文章</a></h3>
            <div class="bloginfo">
                <p>测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章</p>
            </div>
            <div class="autor"><span class="lm"><a href="/" title="CSS3|Html5" target="_blank" class="classname">CSS3|Html5</a></span><span class="dtime">2018-05-04</span><span class="viewnum">浏览（<a href="/">0</a>）</span><span class="readmore"><a href="/">阅读文章</a></span></div>
        </li>
        <li data-scroll-reveal="enter bottom over"><span class="blogpic"><a href="/"><img src="images/text02.jpg"></a></span>
            <h3 class="blogtitle"><a href="/">测试文章</a></h3>
            <div class="bloginfo">
                <p>测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章</p>
            </div>
            <div class="autor"><span class="lm"><a href="/" title="CSS3|Html5" target="_blank" class="classname">CSS3|Html5</a></span><span class="dtime">2018-05-04</span><span class="viewnum">浏览（<a href="/">0</a>）</span><span class="readmore"><a href="/">阅读文章</a></span></div>
        </li>
        <li data-scroll-reveal="enter bottom over"><span class="blogpic"><a href="/"><img src="images/text02.jpg"></a></span>
            <h3 class="blogtitle"><a href="/">测试文章</a></h3>
            <div class="bloginfo">
                <p>测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章</p>
            </div>
            <div class="autor"><span class="lm"><a href="/" title="CSS3|Html5" target="_blank" class="classname">CSS3|Html5</a></span><span class="dtime">2018-05-04</span><span class="viewnum">浏览（<a href="/">0</a>）</span><span class="readmore"><a href="/">阅读文章</a></span></div>
        </li>
        <li data-scroll-reveal="enter bottom over"><span class="blogpic"><a href="/"><img src="images/text02.jpg"></a></span>
            <h3 class="blogtitle"><a href="/">测试文章</a></h3>
            <div class="bloginfo">
                <p>测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章测试文章</p>
            </div>
            <div class="autor"><span class="lm"><a href="/" title="CSS3|Html5" target="_blank" class="classname">CSS3|Html5</a></span><span class="dtime">2018-05-04</span><span class="viewnum">浏览（<a href="/">0</a>）</span><span class="readmore"><a href="/">阅读文章</a></span></div>
        </li>
    </div>
    <!-- 博客内容结束 -->
    <!-- 内容侧边栏开始 -->
    <div class="sidebar">
        <div class="paihang">
            <h2 class="hometitle">最新发布</h2>
            <ul>
                <li><b><a href="/download/div/2015-04-10/746.html" target="_blank">【活动作品】柠檬绿兔小白个人博客模板30...</a></b>
                    <p><i><img src="images/t02.jpg"></i>展示的是首页html，博客页面布局格式简单，没有复杂的背景，色彩局部点缀，动态的幻灯片展示，切换卡，标...</p>
                </li>
                <li><b><a href="/download/div/2014-02-19/649.html" target="_blank"> 个人博客模板（2014草根寻梦）30...</a></b>
                    <p><i><img src="images/b03.jpg"></i>2014第一版《草根寻梦》个人博客模板简单、优雅、稳重、大气、低调。专为年轻有志向却又低调的草根站长设...</p>
                </li>
            </ul>
        </div>
        <div class="aboutme">
            <h2 class="ab_title">关于我</h2>
            <div class="time" style="border:#CCC 2px solid;border-radius:10px;padding-left: 3%;margin-bottom:5px;width:250px;margin-left:30px">
                <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" name="movie" width="235" height="97" id="movie">
                    <param name="movie" value="/d/file/p/2017-08-21/61590c204d46216b3939d39d57ab7b84.swf">
                    <param name="quality" value="high">
                    <param name="menu" value="false">
                    <embed src="icons/61590c204d46216b3939d39d57ab7b84.swf" width="235" height="97" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" id="movie" name="movie" menu="false">
                    <param name="wmode" value="Opaque">
                </object>
            </div>
            <div class="ab_con">
                <p>网名：Choice→選 | 喜欢悠闲独自在</p>
                <p>职业：Web前端设计师、网页设计</p>
                <p>籍贯：广东省—广州市</p>
                <p>邮箱：linyiyuann@163.com</p>
            </div>
        </div>
        <div class="search">
            <form action="/e/search/index.php" method="post" name="searchform" id="searchform">
                <input name="keyboard" id="keyboard" class="input_text" style="color: rgb(153, 153, 153);" onfocus="if(value=='请输入要搜索的文章'){this.style.color='#000';value=''}" onblur="if(value==''){this.style.color='#999';value='请输入要搜索的文章'}" type="text" placeholder="请输入要搜索的文章">
                <input name="show" value="title" type="hidden">
                <input name="tempid" value="1" type="hidden">
                <input name="tbname" value="news" type="hidden">
                <input name="Submit" class="input_submit" value="搜索" type="submit">
            </form>
        </div>
        <div class="cloud">
            <h2 class="hometitle">标签云</h2>
            <ul>
                <a href="">HTML</a>
                <a href="">PHP</a>
            </ul>
        </div>
        <div class="paihang">
            <h2 class="hometitle">点击排行</h2>
            <ul>
                <li><b><a href="/download/div/2015-04-10/746.html" target="_blank">【活动作品】柠檬绿兔小白个人博客模板30...</a></b>
                    <p><i><img src="images/t02.jpg"></i>展示的是首页html，博客页面布局格式简单，没有复杂的背景，色彩局部点缀，动态的幻灯片展示，切换卡，标...</p>
                </li>
                <li><b><a href="/download/div/2014-02-19/649.html" target="_blank"> 个人博客模板（2014草根寻梦）30...</a></b>
                    <p><i><img src="images/b03.jpg"></i>2014第一版《草根寻梦》个人博客模板简单、优雅、稳重、大气、低调。专为年轻有志向却又低调的草根站长设...</p>
                </li>
                <li><b><a href="/download/div/2013-08-08/571.html" target="_blank">黑色质感时间轴html5个人博客模板30...</a></b>
                    <p><i><img src="images/b04.jpg"></i>黑色时间轴html5个人博客模板颜色以黑色为主色，添加了彩色作为网页的一个亮点，导航高亮显示、banner图片...</p>
                </li>
                <li><b><a href="/download/div/2014-09-18/730.html" target="_blank">情侣博客模板系列之《回忆》Html30...</a></b>
                    <p><i><img src="images/b05.jpg"></i>Html5+css3情侣博客模板，主题《回忆》，使用css3技术实现网站动画效果，主题《回忆》,分为四个主要部分，...</p>
                </li>
                <li><b><a href="/download/div/2014-04-17/661.html" target="_blank">黑色Html5个人博客模板主题《如影随形》30...</a></b>
                    <p><i><img src="images/b06.jpg"></i>014第二版黑色Html5个人博客模板主题《如影随形》，如精灵般的影子会给人一种神秘的感觉。一张剪影图黑白...</p>
                </li>
                <li><b><a href="/jstt/bj/2015-01-09/740.html" target="_blank">【匆匆那些年】总结个人博客经历的这四年…30...</a></b>
                    <p><i><img src="images/mb02.jpg"></i>博客从最初的域名购买，到上线已经有四年的时间了，这四年的时间，有笑过，有怨过，有悔过，有执着过，也...</p>
                </li>
            </ul>
        </div>
        <div class="links">
            <h2 class="hometitle">友情链接</h2>
            <ul>
                <li><a href="http://www.yangqq.com" title="杨青个人博客">杨青个人博客</a></li>
                <li><a href="http://www.yangqq.com" title="杨青个人博客">杨青个人博客</a></li>
                <li><a href="http://www.yangqq.com" title="杨青个人博客">杨青个人博客</a></li>
            </ul>
        </div>
        <div class="weixin">
            <h2 class="hometitle">官方微信</h2>
            <ul>
                <img src="images/wx.jpg">
            </ul>
        </div>
    </div>
    <!-- 内容侧边栏结束 -->
</article>
<!-- 内容结束 -->
<div class="blank"></div>
<!-- 底部开始 -->
<footer>
    <p>Design by <a href="/">ÑîÇà¸öÈË²©¿Í</a> <a href="/">ÊñICP±¸11002373ºÅ-1</a></p>
</footer>
<!-- 底部结束 -->
<!-- 小工具 -->
<div class="model-2">
    <div class="float-btn-group">
        <button class="btn-float btn-triger pink"><i class="fa fa-home"></i></button>
        <div class="btn-list"><a href="#" class="btn-float yellow"><i class="fa fa-qq"></i></a><a href="#" class="btn-float blue"><i class="fa fa-weibo"> </i></a><a href="#" class="btn-float green"><i class="fa fa-github">   </i></a><a href="#" class="btn-float purple"><i class="fa fa-user"> </i></a></div>
    </div>
</div>
<!-- 小工具结束 -->
<script src='js/jquery-2.1.1.min.js'></script>
<script src="js/nav.js"></script>
<script src='js/hammer.min.js'></script>
<script src='js/slider.js'></script>
<script src="js/canvas.js"></script>
<script>
//轮播图样式
$('#pbSlider3').pbTouchSlider({
    slider_Wrap: '#pbSliderWrap3',
    slider_Threshold: 50,
    slider_Speed: 400,
    slider_Ease: 'linear',
    slider_Breakpoints: {
        default: {
            height: 400
        },
        tablet: {
            height: 300,
            media: 1024
        },
        smartphone: {
            height: 200,
            media: 768
        }
    }
});
//声明滚动样式
window.scrollReveal = new scrollReveal();
$('.btn-triger').click(function() {
    $(this).closest('.float-btn-group').toggleClass('open');
});
</script>
</body>

</html>